<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- js 行为层 【基于对象】和【事件驱动】的【解释性】脚本语言 -->
    <!-- 行内 -->
    <button onclick="alert('哈哈哈哈')">按钮</button> 



    <!-- 内部引入  写在body的末尾 -->
    <script>
        // alert 弹窗出一个带确定按钮的警告框，具有阻塞性  -----同步事件
        alert('呵呵呵呵');
    </script>

    <!-- 外部引入 -->
    <script src="./index.js"></script>

    <!-- 
        JS是：基于对象事件驱动的解释性脚本语言


        js组成
            DOM ：Doucment Object Model   文档对象模型
            BOM ：Browser Object Model   浏览器对象模型
            ECMAscript ： js基础语法，常用对象      ECMA 欧洲计算机制造商协会--组织


        js特性：基于对象、事件驱动、解释性、跨平台

     -->



</body>
</html>